<template>
  <f7-page>
     <f7-navbar>
      <f7-nav-left back-link="Back"></f7-nav-left>
      <f7-nav-title>My App</f7-nav-title>
      <f7-nav-right>
        <f7-link icon="icon-bars" panel-open="right"></f7-link>
      </f7-nav-right>
    </f7-navbar>
      <f7-block-header class="block">Block Header</f7-block-header>
      <f7-block strong>
        <p>
          Here comes paragraph within content block. Donec et nulla auctor massa
          pharetra adipiscing ut sit amet sem. Suspendisse molestie velit vitae
          mattis tincidunt. Ut sit amet quam mollis, vulputate turpis vel,
          sagittis felis.
        </p>
      </f7-block>
  </f7-page>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.block{
  color: rebeccapurple;
  font-weight: 600;
}
</style>

